<template>
  <el-carousel height="460px">
    <el-carousel-item v-for="item in picList" :key="item">
      <img :src="item" height="100%" width="100%" />
    </el-carousel-item>
  </el-carousel>
</template>

<script>
export default {
  data() {
    return {
      picList: [
        "http://api.yfdmcw.com/uploads/advert/icon/fe244c8a7677da64b7be3c4c0a6cb565.png",
        "http://api.yfdmcw.com/uploads/advert/icon/c4daf6f9cb92a8b7667c592e181998b5.png",
        "http://api.yfdmcw.com/uploads/advert/icon/88bada2f7fcd1e3acd3de535bf1a1ff5.png",
        "http://api.yfdmcw.com/uploads/advert/75/icon/a17079443e667de44153f0400f48c684.jpg"
      ]
    };
  }
};
</script>

<style lang="scss" scoped>
@import "../../../../styles/variables.scss";
.carh {
  height: $firtmenuheight;
}
</style>